<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>job361</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
  </head>
  <body>
    <div class="page-group back">
        <div class="page page-current back">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="exper.html">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">家庭成员</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjylf">
		    <ul>
		    	<!-- 姓名 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">姓名</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入姓名">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 与本人关系 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">与本人关系</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>父子</option>
		                <option>母子</option>
		                <option>舅舅</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		       <!-- 出生日期 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">出生日期</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       
		      <!-- 职业 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">职业</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入职业">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      <!-- 联系电话 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">联系电话</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入电话">
		            </div>
		          </div>
		        </div>
		      </li>
		      
		      <!-- 添加一名成员 -->
		      <li>
		        <div class="item-content" id="addf">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加一名成员</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="infor.html" class="button button-big bor external">下一步：补充资料(5/7)</a></p>
		  </div>
        </div>
    </div>
    </div>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	<script>$.init()</script>
	<script type="text/javascript" src="js/reload.js" ></script>
	<script>
		$(function(){
	     $(document).on('click','#addf',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjylf').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
	</script>
	
  </body>
</html>